<template>
  <div>
      <header>
        <div class="top">
            <h2>我的</h2>
            <p>
                <span class="iconfont">&#xf0112;</span>
                <span class="iconfont">&#xe71e;</span>
                <i></i>
            </p>
        </div>
        <div class="middle clearfix">
            <img src="images/meinv.png" alt="">
            <p>
                <span>代用名</span>
                <b>完善资料让小U更懂你</b>
            </p>
            <em class="iconfont">&#xe606; 每日签到</em>

        </div>
        <div class="bottom">
            <p><span>12</span><i>我的收藏</i></p>
            <p><span>12</span><i>浏览记录</i></p>
            <p><span><em>￥</em>0</span><i>我的红包</i></p>
            <p><span>12</span><i>优惠券</i></p>
        </div>
        <div class="order">
            <p class="clearfix">
                <span>我的订单</span><b class="iconfont">全部订单 &#xe601;</b>
            </p>
            <ul>
                <li><img src="images/icon5.png" alt=""><span>待付款</span></li>
                <li><img src="images/icon6.png" alt=""><span>待收货</span></li>
                <li><img src="images/icon7.png" alt=""><span>评价</span></li>
                <li><img src="images/icon8.png" alt=""><span>售后/退款</span></li>
            </ul>
        </div>
    </header>
    <div id="con">
        <p class="clearfix">
            <em><span class="iconfont">&#xe613;</span>地址管理</em>
            <b class="iconfont">&#xe601;</b>
        </p>
        <p class="clearfix">
            <em><span class="iconfont">&#xe606;</span>我的钱包</em>
            <b class="iconfont">剩余200U币&#xe601;</b>
        </p>
        <p class="clearfix">
            <em><span class="iconfont">&#xe646;</span>我的二维码</em>
            <b class="iconfont">&#xe601;</b>
        </p>
        <p class="clearfix">
            <em><span class="iconfont">&#xe61d;</span>我的小伙伴</em>
            <b class="iconfont">&#xe601;</b>
        </p>
        <p class="clearfix">
            <em><span class="iconfont">&#xe653;</span>0元试用</em>
            <b class="iconfont">&#xe601;</b>
        </p>
    </div>
    <!-- 页脚 -->
    <footer>
        <p>
            <i class="iconfont">&#xeb70;</i>
            <span>商城</span>
        </p>
        <p>
            <i class="iconfont">&#xeb70;</i>
            <span>分类</span>
        </p>
        <p>
            <i class="iconfont">&#xeb70;</i>
            <span>购物车</span>
        </p>
        <p class="cur">
            <i class="iconfont">&#xeb70;</i>
            <span>我</span>
        </p>
    </footer>
  </div>
</template>

<script>
export default {

}
</script>

<style>
@import "../../public/css/me.css";
</style>